body{background:linear-gradient(90deg,#EC6F66 10%,#F3A183 90%);margin:0;font-family:raleway,sans-serif}html{height:100%}.window{width:100%;height:auto;max-width:400px;background:#fff;box-shadow:0 10px 20px #0000004a;margin:0 auto;margin-top:40px;border-radius:2px;padding:20px}.header{text-align:center;padding-bottom:15px;border-bottom:1px solid #e5e5e5}.header h2{margin:0;font-weight:400}.image{height:150px;margin-top:20px;margin-bottom:20px;text-align:center}.image img{height:100%}.select{display:inline-block;position:relative;vertical-align:middle;padding:0;overflow:hidden;background:#fff;color:#555;border:1px solid #aaa;text-shadow:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-transition:box-shadow .25s ease;-o-transition:box-shadow .25s ease;-webkit-transition:box-shadow .25s ease;transition:box-shadow .25s ease}.select:hover{-moz-box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.15)}.select:before{position:absolute;top:.5em;right:.5em;pointer-events:none}.select select{cursor:pointer;padding:.5em;padding-right:2em;width:130%;border:none;background:0 0;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:.01px;text-overflow:'';width:160% \9}.select select:focus{outline:none}.select:before{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--down:before,.select:before{content:"\e600"}@font-face{font-family:icons;src:url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAARgAAoAAAAABBgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAANgAAADYZbVvCE9TLzIAAAHMAAAAYAAAAGAIIvy2Y21hcAAAAiwAAABMAAAATBpVzFdnYXNwAAACeAAAAAgAAAAIAAAAEGhlYWQAAAKAAAAANgAAADYAl8viaGhlYQAAArgAAAAkAAAAJANuAeZobXR4AAAC3AAAABQAAAAUAwAAdG1heHAAAALwAAAABgAAAAYABVAAbmFtZQAAAvgAAAFFAAABRVcZpu5wb3N0AAAEQAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAAB2Dx0AAAB7ER0AAAAJHQAAAM8SAAYBAQgPERMWG2ljb21vb25pY29tb29udTB1MXUyMHVFNjAwAAACAYkAAwAFAQEEBwoNTPyUDvyUDvyUDvuUDvgg958VgYD7AiOLi4aFg4iEi4SLg46GkYuL+wLzgZaAloqel5eWlpqMmX8I7yvv6wWZl5qKloCXf4p4gIAIDviUFPiUFYsMCgADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYAAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5gD//f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAss1nQF8PPPUACwIAAAAAAM/2xdgAAAAAz/bF2AAAAAABjAE1AAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAGMAAEAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAQAAAAIAAHQAAFAAAAUAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKADQAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKADQAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");font-weight:400;font-style:normal}.choose{text-align:center;margin-top:30px}.whatto{text-align:center;margin-bottom:10px}.generator{text-align:center;margin:20px 0}.generate,.generateagain{padding:20px;background:#5881cc;color:#fff;font-weight:700;font-size:21px;border-radius:4px;cursor:pointer;transition:.3s ease-in-out all;display:block;text-decoration:none}.generate:hover,.generateagain:hover{background:#2755a9}.generatingnow{margin:20px auto;text-align:center}.progress-bar{height:10px;width:350px;border-radius:5px;overflow:hidden;background-color:#d2dce5;margin:0 auto}.progress-bar.completed .filler{background:#0bd175}.progress-bar.completed .filler:before{opacity:0}.progress-bar .filler{display:block;height:10px;width:0;background:#00aeef;overflow:hidden;transition:all .5s cubic-bezier(.25,.8,.25,1)}.progress-bar .filler:before{content:'';display:block;background:repeating-linear-gradient(-45deg,#00AEEF,#00AEEF 10px,#23c3ff 10px,#23c3ff 20px);height:10px;width:700px;border-radius:5px;animation:fill 10s linear infinite}@keyframes fill{from{transform:translatex(-350px)}to{transform:translatex(20px)}}@media(max-width:460px){.window{margin:20px!important;width:auto;max-width:none}.image img{width:100%;height:auto}.image{height:auto}}.generatedcode{margin:20px;font-weight:700;font-size:19px;color:#ce2424}